<footer>
    <div class="footer">
        <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="javasccript:;">
                    <span class="mui-icon mui-icon-home"></span>
                    <div class="mui-media-body">首页</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="javasccript:;">
                    <span class="mui-icon mui-icon-chatbubble"></span>
                    <div class="mui-media-body">悦玲圈</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="javasccript:;">
                    <span class="mui-icon">
                        <i class="iconfont icon-gouwuche"></i>
                    </span>
                    <div class="mui-media-body">购物车</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="javasccript:;" id="personal">
                    <span class="mui-icon mui-icon-person"></span>
                    <div class="mui-media-body">个人中心</div>
                </a>
            </li>
        </ul>
    </div>
</footer>